<template>
	<!-- 系统配置 -->
	<div class="system-settings">
		<el-form class="form-style" label-width="320rpx">
			<el-form-item label="终端绑定:"><span>{{form.banding}}</span> </el-form-item>
			<el-form-item label="所属点位:"><span>{{form.point}}</span></el-form-item>
			<div class="select-style">
				<el-form-item label="打印机设置:">
					<el-select v-model="form.print" clearable filterable>
						<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select>
				</el-form-item>
			</div>
			<el-form-item label="后厨打印小票:">
				<el-switch v-model="form.flag" active-color="#60c7d0" inactive-color="#ff4949" :width="54"></el-switch>
			</el-form-item>
			<div class="print-ip">
				<el-form-item label="后厨打印机IP:">
					<el-input v-model="form.printIP"></el-input>
				</el-form-item>
			</div>
			<div class="select-style">
				<el-form-item label="后厨打印机选择:">
					<el-select v-model="form.choosePrint" clearable filterable>
						<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select>
				</el-form-item>
			</div>
		</el-form>
	</div>
</template>

<script>
	export default {
		name: 'SystemSettings',
		data() {
			return {
				form: {
					banding: '休闲区门店收银机01',
					point: '休闲区门店',
					print: '',
					flag: true,
					printIP: '',
					choosePrint: '',
				},
				options1: [{
						value: '1',
						label: '?'
					},
					{
						value: '2',
						label: '??'
					}
				],
				options2: [{
						value: '3',
						label: '???'
					},
					{
						value: '4',
						label: '????'
					},
					{
						value: '5',
						label: '????'
					}
				],
			};
		},
		onLoad() {},
		methods: {}
	};
</script>

<style lang="scss" scoped>
	.system-settings {
		background: #fff;
		height:  calc(100vh - 260rpx);
		border-radius: 6px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 200rpx;

		.form-style {
			width: 1000rpx;
			height: 800rpx;

			span {
				font-size: 36rpx;
			}

			.el-form-item {
				font-family: PingFangSC-Regular;
				font-size: 36rpx;
				color: #001124;
				letter-spacing: 1.12rpx;
				margin-bottom: 40rpx;
			}

			::v-deep .el-form-item__label {
				font-size: 36rpx;
				color: #001124;
			}

			::v-deep .el-form-item__content {
				font-size: 36rpx;
				color: #001124;
			}

			::v-deep .el-input {
				font-size: 36rpx;
			}

			// select下拉
			.select-style {
				::v-deep .el-select {
					width: 630rpx;
				}
			}
			// 后厨打印机IP
			.print-ip {
				::v-deep .el-input {
					width: 630rpx;
				}
			}

			//开关组件
			.el-switch {
				height: 56rpx;

			}
		}
	}
</style>
